$(function () {
  getUserInfo();
  const layer = layui.layer;
  $("#btnLogout").on("click", function () {
    console.log("ok");
    layer.confirm(
      "确定退出登录?",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        // 1. 清空本地存储中的 token
        localStorage.removeItem("token");
        // 2. 重新跳转到登录页面
        location.href = "/login.html";

        // 关闭 confirm 询问框
        layer.close(index);
      }
    );
  });
});
// function getUserInfo() {
//   $.ajax({
//     method: "get",
//     url: "/my/userinfo",
//     headers: {
//       Authorization: localStorage.getItem("token"),
//     },
//     success: function (res) {
//       console.log(res);
//     },
//   });
// }

function getUserInfo() {
  $.ajax({
    method: "GET",
    url: "/my/userinfo",
    // headers 就是请求头配置对象
    // headers: {
    //   Authorization: localStorage.getItem("token") || "",
    // },
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      renderAvatar(res.data);
    },

    // complete: function (res) {
    //   if (
    //     res.responseJSON.status === 1 &&
    //     res.responseJSON.message === "身份认证失败！"
    //   ) {
    //     localStorage.removeItem("token");
    //     location.href = "/login.html";
    //   }
    // },
  });
}

function renderAvatar(user) {
  console.log(user);
  const username = user.nickname || user.username;
  $("#welcome").html(`欢迎　　${username}`);
  if (user.user_pic) {
    $(".layui-nav-img").attr("src", user.user_pic).show();
    $(".text-avatar").hide();
  } else {
    $(".layui-nav-img").hide();
    const firstName = username[0].toUpperCase();
    $(".text-avatar").html(firstName);
  }
}
